<template>
  <div class="ui-wing-blank" :class="size"><slot></slot></div>
</template>

<script>
export default {
  name: 'ui-wing-blank',
  props: {
    size: {
      type: String,
      default: 'sm', // sm / md / lg
    },
  },
}
</script>

<style lang="less">
.ui-wing-blank {
  &.sm{
    margin-left: 20px;
    margin-right: 20px;
  }
  &.md{
    margin-left: 32px;
    margin-right: 32px;
  }
  &.lg{
    margin-left: 60px;
    margin-right: 60px;
  }
}
</style>
